import React from 'react'
import Bg from '../assets/images/start/start.png'
import { useNavigate } from 'react-router-dom';
export default function start() {
    const navigate = useNavigate()
    function goBack(){
        navigate('/test')
    }
    return (
        <div>
            <img src={Bg} alt="" style={{ height: '100vh', width: '100vw' }} />
            <div className='out'>
                <div className='in'>
                    <div style={{ fontSize: 24, color: '#333333', marginTop: 42, marginLeft: 172 }}>前端第一阶段阶段考试</div>
                    <div className='testinfo'>
                        <div className='testmargin'><span className='text6'>考试类型：</span><span className='textf'>正在考试</span></div>
                        <div className='testmargin'><span className='text6'>考试时间：</span><span className='textf'>2022年3月28日 9:00 ~ 2022年3月28日 11:00</span></div>
                        <div className='testmargin'><span className='text6'>答卷时间：</span><span className='textf'>90分钟</span></div>
                        <div className='testmargin'><span className='text6'>考试方式：</span><span className='textf'>线上</span></div>
                    </div>
                    <div className='userinfo'>
                        <div className='testmargin'><span className='text6'>姓名：</span><span className='textf'>张三</span></div>
                        <div className='testmargin'><span className='text6'>证件号码：</span><span className='textf'>3423445234634451231</span></div>
                        <div className='testmargin'><span className='text6'>部门：</span><span className='textf'>信息中心</span></div>
                    </div>
                    <div style={{width:255,marginTop:28}} className='m0'>
                        <button className='brl' onClick={goBack}>返回上一步</button>
                        <button className='brr'>开始答题</button>
                    </div>
                </div>
            </div>
        </div>
    )
}
